<template>
  <div id="wishPage">
    <el-tabs tab-position="top" type="card">
      <el-tab-pane label="愿望清单">
          <WishList></WishList>
      </el-tab-pane>
      <el-tab-pane label="许愿">
        <WishUpload></WishUpload>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import WishList from '@/components/back/wish/WishList.vue'
import WishUpload from '@/components/back/wish/WishUpload.vue'
export default {
  components: {
    WishList , WishUpload
  }
}
</script>

<style scoped="scope" scope>
/deep/.el-tabs__item.is-active {
  color: rgb(255, 150, 50);
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: rgba(255, 149, 50, 0.5);
}

/deep/.el-tabs__item {
  color: #fff;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item {
  border-left-color: #363a3d;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border: #363a3d 1px solid;
}

/deep/.el-tabs--card>.el-tabs__header {
  border-color: #363a3d;
}
/deep/.el-tabs--card>.el-tabs__header {
  padding-left: 20px;
}
</style>